
//----------color----------
@clr-turquoisegreen:rgb(69,209,200);
@clr-darkgreen:rgb(59,197,187);
@clr-white:rgb(255,255,255);
@clr-gray:rgb(155,155,155);
@clr-lightgray:rgb(246,246,246);
@clr-dimblack:rgb(69,69,69);
@clr-red:rgb(238,69,90);
@clr-fontgray:rgb(141,141,141);
@clr-border:rgb(221,221,221);

//----------font-size----------
@fs-14:14px;
@fs-12:12px;

//----------screen----------
@screen-xs-max:768px;
@screen-sm-max:992px;

//----------Mixins----------
.fn-wh(@w:100%,@h:100%){
  width: @w;
  height: @h;
}
.fn-radius(@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
.fn-middle-lv{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}
.fn-middle-l(@top:50%){
  position: absolute;
  top: @top;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
}
.fn-rZ(@deg:90deg){
  transform:rotate(@deg);
  -ms-transform:rotate(@deg);
  -moz-transform:rotate(@deg);
  -webkit-transform:rotate(@deg);
  -o-transform:rotate(@deg);
}


//align
.txt-l{
  text-align: left;
}
.txt-c{
  text-align: center;
}
.txt-r{
  text-align: right;
}


//----------utils----------
.btn{
  border:none;
}
.btn-white{
  background: @clr-white;
  color: @clr-turquoisegreen;
}
.btn-green{
  background: @clr-turquoisegreen;
  color: @clr-white;
}

.radius-no{
  .fn-radius(0px);
}

.pd-no{
  padding: 0;
}
.mg-no{
  margin: 0;
}
